<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
		<script src="index.js"></script>
</head>
<body onload="main()">
	<canvas id="canvas" width="800" height="600" style="float:left;"></canvas>
	<div style="width:340px;text-align:center;margin-left:810px;color:#066">
		<h3>分形树 Fractal Tree</h3>
		层级（1~12）: <input type="range" 
						min="1" max="12" value="4" 
							style="width:200px" 
								onchange="changeLevel(this.value)"/>
		<label id="level">4</label>
		<canvas id="canvas2" width="320" height="320" style="background-color:#999;margin-top:20px"></canvas>
		<div id="data" style="text-align:center;width:320px;"></div>
		<div style="width:320px;margin-top:20px;">
      <button onclick="undo_editing()" style="width:100px;height:30px;margin-right:10px;">还原</btton>
      <button onclick="save_editing()" style="width:100px;height:30px;">保存</btton>
    </div>
	</div>
</body>
</html>
